<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>通知列表</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/inform.css">
    <script src="../ExternalJs/jquery-2.2.4.min.js"></script>
    <script src="../js/conmon.js"></script>
</head>
<body>
<header>
    <p>通知</p>
    <p>编辑</p>
</header>
<section class="wrap">
    <section id="informList"  v-for="item in items">
        <section class="informList" v-if="item.is_read == '0'"><img v-bind:src="'http://dev.haotoufa.com'+item.image"><p>{{item.notice}}<span>05-18</span></p><img src="../images/choose.png"><span class="id">{{item.notice_id}}</span><span class="order_num">{{item.order_num}}</span><span class="check_type">{{item.check_type}}</span></section>
        <section class="informList" v-if="item.is_read == '1'"><img v-bind:src="'http://dev.haotoufa.com'+item.image"><p class="alreadyRead">{{item.notice}}<span class="alreadyRead">05-18</span></p><img src="../images/choose.png"><span class="id">{{item.notice_id}}</span><span class="order_num">{{item.order_num}}</span><span class="check_type">{{item.check_type}}</span></section>
    </section>
</section>
<section class="button">
    <button>删除</button>
</section>
<section class="noInform">
    <img src="../images/Nonotice_girl.png" alt="notice" class="width"/>
    <p>您还没有收到任何通知哟！</p>
</section>

<script src="../ExternalJs/vue.js"></script>
<script src="../js/inform.js"></script>
</body>
</html>